Programmation Client II

Strings template

Strings template

Comment nous créons des strings

Double quotes

let message = "Ceci est un petit texte";

Simple quotes

let message = 'Ceci est un autre petit texte';

Mais, nous pouvons demander de mieux

1. Un string qui contient un text avec plusieurs lignes

2. Un string qui permet de remplacer façilement une variable

Les templates literals font tout ça!

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

let message = `Ceci est un texte normal`;

Un string qui contient un text avec plusieurs lignes

let multiLineMessage = `un
deux
trois`;
console.log(multiLineMessage)

let multiLineMessage = `un
deux
trois`;
console.log("->" + multiLineMessage + "<-");

->un
deux
trois<-

Un string qui permet de remplacer façilement une variable

let name = "Colette"
let message = `Bonjour ${name}`;
console.log(message)

let name = "Colette"
let message = `Bonjour ${name}`;
console.log(message)

Bonjour Colette

let name = "Colette"
let anneeCourrante = 2023;
let anneeDeNaissance = 1947;
let message = `Bonjour ${name}, vous avez ${anneeCourrante - anneeDeNaissance} années`;
console.log(message)

Bonjour Colette, vous avez 76 années

let message = `Ceci est totallement \${foo}`;
console.log(message)

Ceci est totallement ${foo}

Strings exercices

1. Écrire un string qui représente

                #
               ###
              #####
             #######
            ######### 

Écrire un string

Bonjour, mon nom est André André et j'habite Laval.  J'ai 3 chars.

Pour

{
  firstName: "André",
  lastName: "André",
  city: "Laval",
  cars: ["civic", "mustang", "F150"],
}